<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:wicket="http://wicket.sourceforge.net/">
<body>
	<wicket:extend>
	<div class="demotitle">Demo</div>
	<div class="democontainer">
			<div wicket:id="block" class="drag"></div>	
	</div>
	<table cellspacing="5px">
		<tr>
			<td><div class="democommand"><a wicket:id="effect1">Hide Up</a></div></td>
			<td><div class="democommand"><a wicket:id="effect2">Show Up</a></div></td>
			<td><div class="democommand"><a wicket:id="effect3">Toogle up</a></div></td>
		</tr>
		<tr>
			<td><div class="democommand"><a wicket:id="effect4">Hide Right</a></div></td>
			<td><div class="democommand"><a wicket:id="effect5">Show Right</a></div></td>
			<td><div class="democommand"><a wicket:id="effect6">Toogle Right</a></div></td>
		</tr>
		<tr>
			<td><div class="democommand"><a wicket:id="effect7">Hide Down</a></div></td>
			<td><div class="democommand"><a wicket:id="effect8">Show Down</a></div></td>
			<td><div class="democommand"><a wicket:id="effect9">Toogle Down</a></div></td>
		</tr>
		<tr>
			<td><div class="democommand"><a wicket:id="effect10">Hide Left</a></div></td>
			<td><div class="democommand"><a wicket:id="effect11">Show Left</a></div></td>
			<td><div class="democommand"><a wicket:id="effect12">Toogle Left</a></div></td>
		</tr>
	</table>
	<div class="codesample">
		<div class="codetitle">Source code</div>
		<div class="codecontainer">
			<div class="section">
				<h5>Html</h5>
				<pre class="ln-">
					<code wicket:id="chili1" class="html">
					</code>
				</pre>
			</div>
			<div class="section">
				<h5>Java</h5>
				<pre class="ln-">
					<code wicket:id="chili2" class="java">
					</code>
				</pre>
			</div>
		</div>
	</div>
	</wicket:extend>
</body>
</html>